<template>
	<view>
		
		<view class="delect">
			<view class="delect_1">
				<view class="delect_1_top">
					<view class="ddan">
						订单已取消
					</view>
					<view>
						<text>感谢您对喜茶的支持，欢迎再次光临</text>
					</view>
					<view class="zailai">	
					<navigator url="/pages/ordermeal/ordermeal" open-type="reLaunch" hover-class="other-navigator-hover">
						<text class="zailaiyidan">再来一单</text>
					</navigator>
					
					</view>
				</view>
				<view class="delect_1_main">
					<view class="delect_1_center">
						<view class="delect_1_left">
							<view class="delect_1_left_1">
								悠方购物中心点	
							</view>
							<view class="delect_1_left_2">
								交子大道300号“悠方购物中心”一层
							</view>
							<view class="delect_1_left_3">
								132/133/136/137号
							</view>
						</view>
						<view class="delect_1_right">	
								<image src="../../static/dianhua.png" mode=""></image>
								<image src="../../static/dizhi.png" mode=""></image>
						</view>
					</view>
					<view  class="delect_1_center1">
						<view class="delect_1_center1Tow">
							<view class="delect_1_centerwon">
								<view class="delect_1_center_l">
									<image :src="item.img"></image>
									<text>{{item.name}}</text>
								</view>
								<view class="delect_1_center_r">
									<view class="delect_1_center_price">
										￥{{item.price}}
									</view>
									<view>
										<text>x1</text>
									</view>
								</view>
							</view>
							
						</view>
						<view class="delect_1_center_zong">
								<text class="delect_1_center_zong_shangp">商品总价</text> <text class="delect_1_center_zong_pair">￥1800</text>
						</view>
						<view class="delect_1_center_zong_Proce">
								<view class="delect_1_center_zong_Proce_parice">￥18</view>	<text class="delect_1_center_zong_Proce_shang">共1件商品，合计</text> 	
						</view>
					</view>
				</view>
				<view class="delect_1_footer">
					<view class="delect_1_footer_header">
						<text>订单信息</text>
					</view>
					<view class="delect_1_footerDbu">
						<text class="delect_1_footerDbu_xia ">下单时间：</text> <text>11/02 19:19</text>
					</view>
					<view class="delect_1_footerDbu">
						<text  class="delect_1_footerDbu_xia">订单编号：</text> <text>019328129048472948023808319</text><text class="delect_1_footerDbu_xia_time">复制</text>
					</view>
					<view class="delect_1_footerDbu">
						<text  class="delect_1_footerDbu_xia">备注信息：</text> <text>不打包</text>
					</view>
				</view>
				<view class="delect_1_fooList">
						如需退款，请致电门店
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				item:{},
			}
		},
		onLoad: function (option) { //option为object类型，会序列化上个页面传递的参数
		   //打印出上个页面传递的参数。
		   // console.log(JSON.parse(decodeURIComponent(option.data)))
		 this.item=JSON.parse(decodeURIComponent(option.data))
	
		},
		methods: {
			
		}
	}
</script>

<style scoped>
.delect{
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	background-color:rgba(242, 242, 242);
}
.delect_1{
	width: 94.5%;
	height: 100%;
	overflow: auto;
	padding: 0 10px;
}
.delect_1_top{
	width: 100%;
	height: 140px;
	margin-top: 15px;
	background-color: #fff;
	text-align: center;
}

.delect_1_top view{
	
	width: 100%;
	float: left;
	height: auto;
}
.delect_1_top view text{
	font-size: 14px;
	color: rgba(170, 177, 193);
}
.delect_1_top view .zailaiyidan{
	width: 84px;
	height: 28px;
	line-height: 28px;
	font-size: 13px;
	border: 1px solid  rgba(219, 168, 113);
	padding: 4px 17px;
	text-align: center;
	color: rgba(219, 168, 113) ;
}
.ddan{
	margin-top: 20px;
	margin-bottom: 2px;
}
.zailai{
	margin-top: 20px;
}
.delect_1_main{
	width: 100%;
	height: auto;
	float: left;
	background-color: #fff;
	margin: 10px 0;
}
.delect_1_centerwon{
	width: 100%;
	height: auto;
	float: left;
}
.delect_1_center{
	width: 94%;
	margin: 0 auto;
	height: 86px;
	border-bottom: 2px solid rgba(242, 242, 242);
}
.delect_1_center view{
	padding: 1px 0;
}
.delect_1_left{
	width: 70%;
	height: 80px;
	padding: 0 2px;
	float: left;
}
.delect_1_left_1{
	width: 100%;
	height: 35px;
	line-height: 45px;
}
.delect_1_right{
	width: 24%;
	height: 82px;
	float: right;
}
.delect_1_right image{
	width: 40px;
	height: 40px;
	float: left;
	margin: 15px 0;
}
.delect_1_center1{
	width: 94%;
	height: auto;
	float: left;
	
	margin-left: 10px;
}
.delect_1_center1Tow{
	    width: 100%;
	    height: auto;
	    float: left;
	    margin-top: 10px;
	    margin-bottom: 10px;
}
.delect_1_center_l{
	width: 75%;
	height: 76px;
	float: left;
	overflow: hidden;/*超出部分隐藏*/
	text-overflow:ellipsis;/* 超出部分显示省略号 */
	white-space: nowrap;/*规定段落中的文本不进行换行 */
}
.delect_1_center_l image{
	    width: 80px;
	    height: 75px;
	
	    float: left;
}
.delect_1_center_l text{
	margin-top: 10px;
	    
}
.delect_1_center_r{
	width: 15%;
	height: auto;
	float: right;
}
.delect_1_center_r view{
	width: 100%;
	height: 22%;
	float: right;
	text-align: right;
}

.delect_1_center_r view text{
	font-size: 13px;
	color: rgba(170, 177, 193);
}

.delect_1_center_zong{
	width: 100%;
	margin: 0 auto;
	height: 40px;
	float: left;
    line-height: 40px;
	border-top: 2px solid rgba(242, 242, 242);
	border-bottom: 2px solid rgba(242, 242, 242);
}
.delect_1_center_zong_shangp{
	float: left;
	color: rgba(170, 170, 170);
	font-size: 14px;
}
.delect_1_center_zong_pair{
	float: right;
}

.delect_1_center_zong_Proce{
	width: 100%;
	height: auto;
	line-height: 40px;
	float: left;
}
.delect_1_center_zong_Proce_parice{
	float: right;
	
}
.delect_1_center_zong_Proce_shang{
	margin-right: 10px;
	color: rgba(170, 170, 170);
	float: right;
}

.delect_1_footer{
	width: 100%;
	height: 165px;
	float: left;
	background-color: #fff;
}
.delect_1_footer_header{
	width: 94%;
	height: 50px;
	line-height: 50px;
	margin: 0 auto;
	border-bottom: 2px solid rgba(242, 242, 242);
}
.delect_1_footerDbu{
	width: 94%;
	height: 32px;
	margin: 0 auto;
	line-height: 40px;
	font-size: 13px;
}
.delect_1_footerDbu_xia{
	color:rgba(170, 170, 170) ;
}
.delect_1_footerDbu_xia_time{
	color: rgba(219, 168, 113);
	float: right;
}
.delect_1_footerDbu_jjj{
	margin-left: 13px;
}
.delect_1_fooList{
	width: 100%;
	height: 60px;
	line-height: 60px;
	font-size: 12px;
	float: left;
	text-align: center;
	color: rgba(170, 177, 193);
}
.delect_1_left_2{
	width: 100%;
	height: auto;
	float: left;
	font-size: 13px;
	color:rgba(170, 170, 170) ;
}
.delect_1_left_3{
	width: 100%;
	height: auto;
	float: left;
	font-size: 13px;
	color:rgba(170, 170, 170) ;
}
</style>
